
 .highlight {
   
    margin: 0 -20px;
    padding: 15px 20px;
    border-style: solid;
    border-color: #ddd;
    border-width: 1px 0;
    overflow: auto;
    color: #ccc;
    line-height: 22.400000000000002px;
  }
  .highlight table{
    background: #2d2d2d;
  }
  .article-entry .highlight .gutter pre,
  .article-entry .gist .gist-file .gist-data .line-numbers {
    color: #666;
    font-size: 0.85em;
  }
  .article-entry pre,
  .article-entry code {
    font-family: "Source Code Pro", Consolas, Monaco, Menlo, Consolas, monospace;
  }
  .article-entry code {
    background: #eee;
    text-shadow: 0 1px #fff;
    padding: 0 0.3em;
  }
  .article-entry pre code {
    background: none;
    text-shadow: none;
    padding: 0;
  }
  .article-entry .highlight pre {
    border: none;
    margin: 0;
    padding: 0;
  }
  .article-entry .highlight table {
    margin: 0;
    width: auto;
  }
  .article-entry .highlight td {
    border: none;
    padding: 0;
  }
  .article-entry .highlight figcaption {
    font-size: 0.85em;
    color: #999;
    line-height: 1em;
    margin-bottom: 1em;
  }
  .article-entry .highlight figcaption:before,
  .article-entry .highlight figcaption:after {
    content: "";
    display: table;
  }
  .article-entry .highlight figcaption:after {
    clear: both;
  }
  .article-entry .highlight figcaption a {
    float: right;
  }
  .article-entry .highlight .gutter pre {
    text-align: right;
    padding-right: 20px;
  }
  .article-entry .highlight .line {
    height: 22.400000000000002px;
  }
  .article-entry .highlight .line.marked {
    background: #515151;
  }
  .article-entry .gist {
    margin: 0 -20px;
    border-style: solid;
    border-color: #ddd;
    border-width: 1px 0;
    background: #2d2d2d;
    padding: 15px 20px 15px 0;
  }
  .article-entry .gist .gist-file {
    border: none;
    font-family: "Source Code Pro", Consolas, Monaco, Menlo, Consolas, monospace;
    margin: 0;
  }
  .article-entry .gist .gist-file .gist-data {
    background: none;
    border: none;
  }
  .article-entry .gist .gist-file .gist-data .line-numbers {
    background: none;
    border: none;
    padding: 0 20px 0 0;
  }
  .article-entry .gist .gist-file .gist-data .line-data {
    padding: 0 !important;
  }
  .article-entry .gist .gist-file .highlight {
    margin: 0;
    padding: 0;
    border: none;
  }
  .article-entry .gist .gist-file .gist-meta {
    background: #2d2d2d;
    color: #999;
    font: 0.85em -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    text-shadow: 0 0;
    padding: 0;
    margin-top: 1em;
    margin-left: 20px;
  }
  .article-entry .gist .gist-file .gist-meta a {
    color: #258fb8;
    font-weight: normal;
  }
  .article-entry .gist .gist-file .gist-meta a:hover {
    text-decoration: underline;
  }
  pre .comment,
  pre .title {
    color: #999;
  }
  pre .variable,
  pre .attribute,
  pre .tag,
  pre .regexp,
  pre .ruby .constant,
  pre .xml .tag .title,
  pre .xml .pi,
  pre .xml .doctype,
  pre .html .doctype,
  pre .css .id,
  pre .css .class,
  pre .css .pseudo {
    color: #f2777a;
  }
  pre .number,
  pre .preprocessor,
  pre .built_in,
  pre .literal,
  pre .params,
  pre .constant {
    color: #f99157;
  }
  pre .class,
  pre .ruby .class .title,
  pre .css .rules .attribute {
    color: #9c9;
  }
  pre .string,
  pre .value,
  pre .inheritance,
  pre .header,
  pre .ruby .symbol,
  pre .xml .cdata {
    color: #9c9;
  }
  pre .css .hexcolor {
    color: #6cc;
  }
  pre .function,
  pre .python .decorator,
  pre .python .title,
  pre .ruby .function .title,
  pre .ruby .title .keyword,
  pre .perl .sub,
  pre .javascript .title,
  pre .coffeescript .title {
    color: #69c;
  }
  pre .keyword,
  pre .javascript .function {
    color: #c9c;
  }
  @media screen and (max-width: 479px) {
    #mobile-nav {
      position: absolute;
      top: 0;
      left: 0;
      width: 280px;
      height: 100%;
      background: #191919;
      border-right: 1px solid #fff;
    }
  }
  @media screen and (max-width: 479px) {
    .mobile-nav-link {
      display: block;
      color: #999;
      text-decoration: none;
      padding: 15px 20px;
      font-weight: bold;
    }
    .mobile-nav-link:hover {
      color: #fff;
    }
  }
  @media screen and (min-width: 768px) {
    #sidebar {
      display: inline;
      float: left;
      width: 23.333333333333332%;
      margin: 0 0.833333333333333%;
    }
  }
  .widget-wrap {
    margin: 50px 0;
  }
  .widget {
    color: #777;
    text-shadow: 0 1px #fff;
    background: #ddd;
    -webkit-box-shadow: 0 -1px 4px #ccc inset;
    box-shadow: 0 -1px 4px #ccc inset;
    border: 1px solid #ccc;
    padding: 15px;
    border-radius: 3px;
  }
  .widget a {
    color: #258fb8;
    text-decoration: none;
  }
  .widget a:hover {
    text-decoration: underline;
  }
  .widget ul ul,
  .widget ol ul,
  .widget dl ul,
  .widget ul ol,
  .widget ol ol,
  .widget dl ol,
  .widget ul dl,
  .widget ol dl,
  .widget dl dl {
    margin-left: 15px;
    list-style: disc;
  }
  .widget {
    line-height: 1.6em;
    word-wrap: break-word;
    font-size: 0.9em;
  }
  .widget ul,
  .widget ol {
    list-style: none;
    margin: 0;
  }
  .widget ul ul,
  .widget ol ul,
  .widget ul ol,
  .widget ol ol {
    margin: 0 20px;
  }
  .widget ul ul,
  .widget ol ul {
    list-style: disc;
  }
  .widget ul ol,
  .widget ol ol {
    list-style: decimal;
  }
  .category-list-count,
  .tag-list-count,
  .archive-list-count {
    padding-left: 5px;
    color: #999;
    font-size: 0.85em;
  }
  .category-list-count:before,
  .tag-list-count:before,
  .archive-list-count:before {
    content: "(";
  }
  .category-list-count:after,
  .tag-list-count:after,
  .archive-list-count:after {
    content: ")";
  }
  .tagcloud a {
    margin-right: 5px;
    display: inline-block;
  }
  